<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>建材网站</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<header>
    <div class="heard">
        <img class="logo f_left" src="images/logo.png"/>
        <ul class="navUl f_left">
            <li><a href="Ata.html">首页</a></li>
            <li><a href="Aboutus.html">关于我们</a></li>
            <li><a href="Service.html">服务流程</a></li>
            <li><a href="Recommend.html">推荐品牌</a></li>
            <li><a href="#">增值服务</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
</header>

<div class="banner">
    <div class="mask"></div>
    <div class="banner_t">
        <p class="p1">爱特家，装修管家</p>
        <p class="p2">全球一线品牌资源整合运营商</p>
        <p class="p3">给自己一个有爱的家</p>
        <p class="p4"><span>My</span> <span>Home</span> <span>Decorate</span> <span>a</span> <span>housekeeper</span></p>
    </div>
</div>

<main>
     <div class="titleOne">
         <img class="t1 f_left" src="images/t1.png"/>
         <div class="t2 f_left">
             <img class="tit1" src="images/title1.png"/>
             <p class="text"><a href="Aboutus.html">公司自2020年起就开始致力于国内外高端产品的销售采购委托。采购及装修业务.公司具有非常专业的装修主材采购或委托采购的经验和渠道。公司致力于搭建产品体验中心和用户采购中心两大平台为建材行业打造全身沉浸式材料整合新零售的运营模式。通过整合来减少和降低企业传统经营模式所带来的高额成本。一直以来,公司就专注于暖到瓷砖，洁具，家具，石材地板全屋定制软装厨电净水等一线装修主材品牌的整合销售和集成采购业务，让万千客户得到真正的实惠</a></p>
             <img class="t3" src="images/deng.png" height="240" width="153"/>
         </div>
     </div>
     <div class="titleTwo">
         <div class="Two_left f_left">
             <img class="tit2" src="images/title2.png" height="132" width="231"/>
             <ul>
                 <li>减少中间环节，把利益让给客户</li>
                 <li>同等材料比品质</li>
                 <li>同等品质比价格</li>
                 <li>同等价格比服务</li>
                 <li>同等服务比专业</li>
             </ul>
         </div>
         <img class="Two_right f_right" src="images/t2.png"/>
     </div>
     <div class="titleThree">
        <img class="tit3" src="images/title3.png" height="132" width="354"/>
        <div class="trade-content">
            <div class="trade-black">
                <div class="trade-box">
                    <div class="trade-box-list">
                        <div class="trade-box-item item01">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb01.png"/></div>
                                <div class="item-title">地材类</div>
                                <div class="item-text">
                                    <p>瓷砖 木地板</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item02">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb02.png" alt=""></div>
                                <div class="item-title">厨卫类</div>
                                <div class="item-text">
                                    <p>洁具 厨电 净水</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item03">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb03.png" alt=""></div>
                                <div class="item-title">定制类</div>
                                <div class="item-text">
                                    <p>木门 衣柜 墙</p>
                                    <p>楼梯 栏杆 扶手</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item04">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb04.png" alt=""></div>
                                <div class="item-title">家具类</div>
                                <div class="item-text">
                                    <p>床 床垫 沙发</p>
                                    <p>餐桌 餐椅 茶几</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item05">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb05.png" alt=""></div>
                                <div class="item-title">暖通类</div>
                                <div class="item-text">
                                    <p>空调 地暖 新风</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item06">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb06.png" alt=""></div>
                                <div class="item-title">软装类</div>
                                <div class="item-text">
                                    <p>窗帘 墙布 饰品</p>
                                </div>
                            </a>
                        </div>
                        <div class="trade-box-item item07">
                            <a href="Recommend.html"><div class="item-logo"><img src="images/tb07.png" alt=""></div>
                                <div class="item-title">电梯类</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <div class="titleFour">
         <img class="t4" src="images/title4.png"/>
         <div class="poster-main">
             <div class="poster-btn poster-prev-btn"></div>
             <ul class="poster-list">
                 <li class="poster-item"><a href="#"><img src="./images/a1.png"></a>
                     <span class="poster-item-title">Case 1</span>
                 </li>
                 <li class="poster-item"><a href="#"><img src="./images/a2.png"></a>
                     <span class="poster-item-title">Case 2</span>
                 </li>
                 <li class="poster-item"><a href="#"><img src="./images/a3.png"></a>
                     <span class="poster-item-title">Case 3</span>
                 </li>
                 <li class="poster-item"><a href="#"><img src="./images/a4.png"></a>
                     <span class="poster-item-title">Case 4</span>
                 </li>
                 <li class="poster-item"><a href="#"><img src="./images/a5.png"></a>
                     <span class="poster-item-title">Case 5</span>
                 </li>
             </ul>
             <div class="poster-btn poster-next-btn"></div>
         </div>
     </div>
</main>
<footer>
    <p>关于我们 | 联系我们 | 商家入驻 | 友情链接 | 爱特家社区 | 爱特家公益  </p>
    <p>公司总部：重庆爱特家有限公司 | 电话：023-666666 | 邮箱：aitajia@163.com | 邮编：100029 | 办公地址：重庆市江北区金科蚂蚁A座</p>
    <p>渝ICP备20008247号 | 爱特家版权所有</p>
</footer>

</body>

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/Carousel.js"></script>

<script>
    $(".poster-main").Carousel({
        "width":800,
        "height":260,
        "posterWidth":450,
        "posterHeight":252,
        "scale":0.85,
        "speed": 500,
        "autoPlay":true,
        "delay":1500,
        "verticalAlign":"middle"
    });

</script>
</html>